<div class="col-md-3 left_col">
	<div class="left_col scroll-view">
		<div class="navbar nav_title" style="border: 0">
			<a href="javascript:void(0);" class="site_title"><i class="fa fa-paw"></i> <span>SFAC</span></a>
		</div>

		<div class="clearfix"></div>

		<!-- menu profile quick info -->
		<div class="profile clearfix">
			<div class="profile_pic">
				<img src="/images/img.jpg" alt="..." class="img-circle profile_img" />
			</div>
			<div class="profile_info">
				<span>Welcome,</span>
				<h2>hhh</h2>
			</div>
		</div>
		<!-- /menu profile quick info -->

		<br />
		<!-- sidebar menu -->
		<div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
			<div class="menu_section">
				<ul class="nav side-menu">
					<li shiro:hasAnyRoles="admin,manager,staff">
						<a href="javascript:void(0);"><i class="fa fa-home"></i> Dashboard </a>
					</li>
					<li>
						<a><i class="fa fa-users"></i> Account <span class="fa fa-chevron-down"></span></a>
						<ul class="nav child_menu">
							<li shiro:hasAnyRoles="admin,manager,staff"><a href="javascript:void(0);">Profile</a></li>
							<li shiro:hasAnyRoles="admin,manager"><a href="/account/users">Users</a></li>
							<li shiro:hasAnyRoles="admin,manager"><a href="/account/roles">Roles</a></li>
							<li shiro:hasAnyRoles="admin,manager"><a href="/account/resources">Resources</a></li>
						</ul>
					</li>
					<li>
						<a><i class="fa fa-leaf"></i> Test <span class="fa fa-chevron-down"></span></a>
						<ul class="nav child_menu">
							<li shiro:hasAnyRoles="admin,manager,staff"><a href="/test/thymeleafTest">ThymeleafTest</a></li>
							<li shiro:hasAnyRoles="admin,manager,staff"><a href="/test/vueTest">VueTest</a></li>
							<li shiro:hasAnyRoles="admin,manager,staff">
								<a>二级菜单<span class="fa fa-chevron-down"></span></a>
								<ul class="nav child_menu">
									<li class="sub_menu"><a href="javascript:void(0);">三级菜单一</a></li>
									<li><a href="javascript:void(0);">三级菜单二</a></li>
								</ul>
							</li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
		<!-- /sidebar menu -->

		<!-- /menu footer buttons -->
		<div class="sidebar-footer hidden-small">
			<a data-toggle="tooltip" data-placement="top" title="Settings">
				<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
			</a>
			<a data-toggle="tooltip" data-placement="top" title="FullScreen">
				<span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
			</a>
			<a data-toggle="tooltip" data-placement="top" title="Lock">
				<span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
			</a>
			<a data-toggle="tooltip" data-placement="top" title="Logout" href="javascript:void(0);">
				<span class="glyphicon glyphicon-off" aria-hidden="true"></span>
			</a>
		</div>
		<!-- /menu footer buttons -->
	</div>
</div>
